<script setup lang="ts">
  import { Button } from 'vant'
  import vant from '/@/assets/vant.png'
</script>

<template>
  <div class="welcome">
    <img class="welcome-logo" :src="vant" />
    <span class="welcome-text">欢迎使用 Haut 智慧教育系统</span>
    <Button plain hairline round size="large" type="primary" to="dataInput">开始注册</Button>
  </div>
</template>

<style scoped>
.welcome {
  width: 76vw;
  height: 100vh;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

.welcome-logo {
  width: 160px;
  margin-top: 100px;
}
</style>